<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="/static/css/icon.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/weui.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/weui2.css"/>
		<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
		<script src="/static/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="/static/js/all.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body class="white">
		<div id="content">

				<div class="topBox">
					<ul class="legendBg">
						<li>
							<label>今日数据:</label>
							<span class="legend legend1"></span>
						</li>
						<li>
							<label>上周同日:</label>
							<span class="legend legend2"></span>
						</li>
						<li>
							<label>差额:</label>
							<span class="legend legend3"></span>
						</li>
					</ul>
				</div>	
				<div class="cont">
					<div class="contrastChart w90">
						<ul class="contrastList">
							<li>
								<label>营业额</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>￥9241.20</span></p>
										<p class="lastWeek"><b class="line"></b><span>￥9854.60</span></p>
									</div>	
									<p class="average"><span>¥</span></p>
								</div>
							</li>
							<li>
								<label>实收金额</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>￥9199.40</span></p>
										<p class="lastWeek"><b class="line"></b><span>￥9778.52</span></p>
									</div>	
									<p class="average"><span>￥10402.70</span></p>
								</div>
							</li>
							<li>
								<label>未结金额</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>￥0.00</span></p>
										<p class="lastWeek"><b class="line"></b><span>￥0.00</span></p>
									</div>	
									<p class="average"><span>￥3047.10</span></p>
								</div>
							</li>
							<li>
								<label>客人数</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>98</span></p>
										<p class="lastWeek"><b class="line"></b><span>130</span></p>
									</div>	
									<p class="average"><span>269</span></p>
								</div>
							</li>
							<li>
								<label>订单数</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>94</span></p>
										<p class="lastWeek"><b class="line"></b><span>115</span></p>
									</div>	
									<p class="average"><span>70</span></p>
								</div>
							</li>
							<li>
								<label>翻台率</label>
								<div class="chart">
									<div class="pillar">
										<p class="sameDay"><b class="line"></b><span>{{ today_data['翻台率'] or 0 }}%</span></p>
										<p class="lastWeek"><b class="line"></b><span>{{ lastweek_data['翻台率'] or 0}}%</span></p>
									</div>								
									<p class="average"><span>%</span></p>
								</div>
							</li>
							<li>
								<label>免赠数量</label>
								<div class="chart">
									<div class="pillar">
										<p class="sameDay"><b class="line"></b><span>1</span></p>
										<p class="lastWeek"><b class="line"></b><span>10</span></p>
									</div>									
									<p class="average"><span>58</span></p>
								</div>
							</li>
							<li>
								<label>免赠金额</label>
								<div class="chart">
									<div class="pillar">										
										<p class="sameDay"><b class="line"></b><span>￥42.80</span></p>
										<p class="lastWeek"><b class="line"></b><span>￥58.00</span></p>
									</div>	
									<p class="average"><span>¥352.61</span></p>
								</div>
							</li>
							<li>
								<label>退菜数量</label>
								<div class="chart">
									<div class="pillar">
										<p class="sameDay"><b class="line"></b><span>16</span></p>
										<p class="lastWeek"><b class="line"></b><span>14</span></p>
									</div>									
									<p class="average"><span>26</span></p>
								</div>
							</li>
						</ul>
					</div>	
				</div>

			<section class="weui-menu">
		        <div class="weui-menu-inner now">     
		            <span>当日</span>		            
		        </div>
		        <div class="weui-menu-inner">		            
		            <span>本周</span>		           
		        </div>
		        <div class="weui-menu-inner">
		            <span>本月</span>	            
		        </div>    
		    </section>
		</div>

	</body>
</html>
